<template>
	<div class="page">
		<Head navTitle="提现" />
		<div class="page-container ">
			<div class="bs-panel ht-panel rewt-panel">
				<div class="bs-panel-body">
					<div class="bs-form">
						<el-form ref="form" :model="form" label-position="top">
							<el-form-item label="请选择银行卡">
								<el-select v-model="form.bankCard" placeholder="请选择">
									<el-option label="FengYangPay VA" value="0"></el-option>
									<el-option label="FengYangPay " value="1"></el-option>
								</el-select>
							</el-form-item>
							<el-form-item label="可用余额">
								<el-input v-model="form.price" placeholder="可用余额"></el-input>
							</el-form-item>
							<el-form-item label="提现金额">
								<el-input v-model="form.tprice" placeholder="请输入要提现的金额"></el-input>
							</el-form-item>
							<el-form-item label="可选金额">
								<el-radio-group class="price-select" v-model="form.selprice" @change="change">
									<el-radio label="500" border>500</el-radio>
									<el-radio label="2000" border>2000</el-radio>
									<el-radio label="5000" border>5000</el-radio>
									<el-radio label="10000" border>10000</el-radio>
									<el-radio label="50000" border>50000</el-radio>
									<el-radio label="100000" border>100000</el-radio>
								</el-radio-group>
							</el-form-item>
							<el-form-item label="提现密码">
								<el-input v-model="form.pwd" placeholder="请输入提现密码"></el-input>
							</el-form-item>
							<el-form-item>
								<div class="re-end">
									* 提现手续费 = 申请提现金额*提现手续费%数<br>
									* 请以实际到账为主
								</div>
							</el-form-item>
							<div class="el-form_ft text-center">
								<el-button type="success" @click="onSubmit">确定</el-button>
								<el-button type="info">取消</el-button>
							</div>
						</el-form>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import { Toast } from 'vant';
	// @ is an alias to /src
	import Head from '@/components/Head.vue'
	export default {
		name: 'Home',
		components: {
			Head
		},
		data() {
			return {
				dialogVisible:false,
				form: {
					bankCard: '1',
					bank: '',
					price: 10000,
					tprice: '',
					selprice: '',
					pwd:'',
				}
			};
		},
		mounted() {
			Toast('当天提现次数已达上限');
		},
		methods: {
			change(e) {
				this.form.tprice = e
				if (e> this.form.price) {
					this.$message({
						message: '余额不足',
						center:true,
						type: 'error'
					});
				}
			}
		}
	}
</script>
